.productproblem {
	.am-list-item .am-list-line .am-list-content {
		overflow: visible;
		white-space: normal;
	}
}
.productDetail {
	margin-bottom: 0.98rem;

	.banner {
		width: 7.5rem;
		height: 2.2rem;
		background: url(../../../images/imageXHB/product-detial/product-detial-banner.png)
			center no-repeat;
		.left-area {
			width: 50%;
			float: left;
		}
		.right-area {
			width: 50%;
			float: left;
		}
		.block {
			margin: 0.4rem 0 0 0;
			&.block-right {
				margin-left: 0.46rem;
			}
			.block-text {
				width: 2.5rem;
				height: 0.34rem;
				font-size: 0.24rem;
				font-weight: 400;
				color: rgba(247, 248, 255, 1);
				line-height: 0.34rem;
			}
			.block-value {
				width: 1.7rem;
				height: 0.9rem;
				font-family: "PingFangSC-Medium";
				font-size: 0.66rem;
				font-weight: 500;
				color: rgba(247, 248, 255, 1);
				line-height: 0.9rem;
			}
		}
	}
	.content-area {
		.des {
			height: 1.1rem;
			background: #f6f6f6;
			text-align: center;
			line-height: 1.1rem;
			font-size: 0.28rem;
			font-family: "PingFangSC-Medium";
			font-weight: 500;
			color: rgba(155, 155, 155, 1);
		}
		.des-content {
			background: rgba(255, 255, 255, 1);
			border: 2px solid rgba(255, 255, 255, 1);
			.title {
				border-left: 0.1rem solid #4d75fd;
				padding-left: 0.28rem;
				font-size: 0.28rem;
				color: #424242;
				font-family: "PingFangSC-Medium";
			}
			.des-item {
				margin-top: 0.4rem;
				padding-bottom: 0.4rem;
				&.process-content {
					border-bottom: 1px solid #e9edf2;
					padding-bottom: 0.2rem;
				}
				&.interest-rule {
					border-bottom: 1px solid #e9edf2;
				}
				&.full-payment {
					border-bottom: 1px solid #e9edf2;
				}
				&.product-problem {
					padding-bottom: 0;
					margin-top: 0.21rem;
					.content {
						margin-top: 0;
					}
				}
				.content {
					font-size: 0.28rem;
					font-family: "PingFangSC-Regular";
					font-weight: 400;
					color: rgba(155, 155, 155, 1);
					margin-top: 0.38rem;
					line-height: 0.4rem;
					.steps {
						display: flex;
						.step {
							flex: 1;
							position: relative;
							.step-item-title {
								color: #9b9b9b;
							}
							.step-item-tail {
								content: "";
								display: inline-block;
								background: rgba(0, 174, 240, 1);
								height: 2px;
								border-radius: 1px;
								width: 100%;
								position: absolute;
								top: 36px;
								left: 0;
								z-index: 1;
								&.lengthen {
									left: -8px;
									width: 125%;
								}
							}
							.step-item-icon {
								display: inline-block;
								width: 10px;
								height: 10px;
								background: linear-gradient(
									118deg,
									rgba(0, 174, 240, 1) 0%,
									rgba(0, 150, 207, 1) 100%
								);
								border-radius: 50%;
								position: absolute;
								top: 32px;
								z-index: 10;
							}
							.step-item-date {
								margin-top: 0.6rem;
							}
							&.end-interest {
								text-align: center;
								.step-item-icon {
									left: 45%;
								}
							}
							&.transfer-maturity {
								text-align: right;
								.step-item-icon {
									right: 0;
								}
							}
						}
					}
					.product-table {
						tr {
							td {
								padding: 0.2rem;
							}
							td:nth-child(1) {
								background: #f3f3f3;
								min-width: 1.2rem;
							}
							td:nth-child(2) {
								background: #f8f8f8;
								width: 4.5rem;
							}
						}
					}
					.footer-area {
						margin: 0.15rem 0;
						.light-area {
							display: inline-block;
							color: #00a0dd;
							padding: 0 0.1rem;
						}
					}
					.steps-process {
						display: flex;
						.step-process-item {
							flex: 1;
							text-align: center;
							position: relative;
							.step-process-item-num {
								width: 0.4rem;
								height: 0.4rem;
								display: inline-block;
								background: linear-gradient(
									118deg,
									rgba(0, 174, 240, 1) 0%,
									rgba(0, 150, 207, 1) 100%
								);
								border-radius: 50%;
								color: #fff;
								font-size: 0.26rem;
							}
							.step-process-item-text {
								font-size: 0.26rem;
								margin-top: 0.2rem;
							}
							.step-process-item-pointer {
								position: absolute;
								right: -0.18rem;
								top: 0;
								color: #c4c4c4;
								background: url(../../../images/imageXHB/product-detial/product-right.png)
									center no-repeat;
								background-size: 40%;
								width: 0.4rem;
								height: 0.4rem;
							}
						}
					}
					.problems {
						.problem-item {
							border-bottom: 1px solid #e9edf2;
							margin-bottom: 0.2rem;
							padding-bottom: 0.2rem;
							&.last-problem-item {
								border-bottom: none;
								padding-bottom: 0;
							}
							.problem-item-ask {
								overflow: hidden;
								height: 0.7rem;
								.problem-item-num {
									width: 22px;
									height: 22px;
									display: inline-block;
									float: left;
									background: -webkit-linear-gradient(
										332deg,
										#00aef0 0%,
										#0096cf 100%
									);
									background: linear-gradient(118deg, #00aef0 0%, #0096cf 100%);
									border-radius: 50%;
									color: #fff;
									font-size: 0.26rem;
									text-align: center;
									line-height: 22px;
									margin-top: 0.15rem;
								}
								.problem-item-text {
									float: left;
									margin-left: 0.2rem;
									color: #424242;
									margin-top: 0.18rem;
								}
								.problem-item-pointer {
									float: right;
									width: 0.28rem;
									height: 0.16rem;
									margin-top: 0.25rem;
									&.expand {
										background: url(../../../images/imageXHB/product-detial/icon-arrow-bottom-02.png)
											center no-repeat;
										background-size: 100%;
									}
									&.reduce {
										background: url(../../../images/imageXHB/product-detial/icon-arrow-top-02.png)
											center no-repeat;
										background-size: 100%;
									}
								}
							}
							.problem-item-answer {
								clear: both;
								margin: 0.2rem 0 0.2rem 0.6rem;
							}
						}
					}
				}
			}
		}
		.bank-phone {
			background: #ffffff;
			margin-top: 0.3rem;
			.bank-phone-area {
				display: flex;
				justify-content: space-between;
				height: 1rem;
				line-height: 1rem;
				.bank-phone-area-text {
					font-size: 0.28rem;
					font-family: "PingFangSC-Medium";
					font-weight: 500;
					color: #424242;
				}
				.bank-phone-area-value {
					font-size: 0.28rem;
					font-family: "PingFangSC-Medium";
					font-weight: 400;
					color: #9b9b9b;
				}
			}
		}
		.bank-product {
			height: 3.5rem;
			.bank-product-text {
				font-size: 0.28rem;
				font-family: "PingFangSC-Medium";
				font-weight: 500;
				text-align: center;
				margin-top: 0.5rem;
				color: rgba(155, 155, 155, 1);
			}
			.bank-product-content {
				display: flex;
				.bank-product-item {
					flex: 1;
					text-align: center;
					height: 2rem;
					margin-top: 0.5rem;
					span {
						font-size: 0.24rem;
						font-family: "PingFangSC-Regular";
						font-weight: 400;
						color: rgba(155, 155, 155, 1);
						display: inline-block;
						margin-top: 1.7rem;
					}
					&.bank-security {
						background: url(../../../images/imageXHB/product-detial/bank-security-02.png)
							center no-repeat;
						background-size: 45%;
					}
					&.bank-directSupply {
						background: url(../../../images/imageXHB/product-detial/bank-directSupply-02.png)
							center no-repeat;
						background-size: 45%;
					}
					&.bank-transaction {
						background: url(../../../images/imageXHB/product-detial/bank-transaction-02.png)
							center no-repeat;
						background-size: 45%;
					}
				}
			}
		}
		.buy-btn {
			position: fixed;
			bottom: 0;
			width: 100%;
			height: 0.98rem;
			background: linear-gradient(
				90deg,
				rgba(0, 185, 254, 1) 0%,
				rgba(0, 160, 221, 1) 100%
			);
			border-radius: 0.06rem;
			line-height: 0.98rem;
			text-align: center;
			color: #fff;
			font-size: 0.36rem;
			font-family: "PingFangSC-Regular";
			font-weight: 400;
		}
		.soldout-moreproduct {
			display: flex;
			position: fixed;
			bottom: 0;
			width: 100%;
			height: 0.98rem;
			font-size: 0.28rem;
			font-family: "PingFangSC-Regular";
			font-weight: 400;
			color: #fff;
			.btn-sold-out {
				flex: 1;
				background: #cbcbcb;
				text-align: center;
				line-height: 0.98rem;
			}
			.btn-more-product {
				flex: 1;
				background: linear-gradient(
					90deg,
					rgba(0, 185, 254, 1) 0%,
					rgba(0, 160, 221, 1) 100%
				);
				text-align: center;
				line-height: 0.98rem;
			}
		}
	}
}
